<template >

  <!-- 注释-->
  <div >
     <h1>本地 style 组件</h1>
     <br/>
                   时间: {{msg}}
     <br/>
    <button type="button" @click="testClick">更新时间 </button>
  </div>
</template>

<style>
    /* https://segmentfault.com/a/1190000019115050 */ 
	div {
		background: red;
		border-radius: 30px;
		padding: 20px;
		font-size: 20px;
		text-align: center;
		width: 80%;
		margin: 0 auto;
	}
	
	button {
	  color: blue;
	}
</style>

<script>
    function getNowTime(){
    	return new Date().getTime();
    }
    //必须有 export default
	export default {
		data(){
			return { msg:"message自定义数据"};
		},
		methods:{
		  testClick() {
			  this.msg=getNowTime();;
		  }
		}
	}
</script>


